<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../templates/plantilla.xhtml">
	
	<ui:define name="head">::SCSN - Proveedores</ui:define>
	<ui:define name="content">
	
		<h1 class="title ui-widget-header ui-corner-all">Proveedores de la Empresa</h1>
		<br/>
		
		<div class="entry" style="line-height:200%">
			<h:form id="frm">
				<p:dataTable id="tbProveedores" value="#{proveedorBean.listaProveedorFiltrada}" scrollable="true" var="proveedor" rows="3"
					paginator="true" paginatorPosition="bottom" selectionMode="single"
					emptyMessage="No se encontraron resultados" >
 
					<p:column filterBy="#{proveedor.rif}" filterMatchMode="contains" headerText="RIF">
						<h:outputText value="#{proveedor.rif}" />
					</p:column>
					<p:column filterBy="#{proveedor.nombre}" filterMatchMode="contains" headerText="Nombre">
						<h:outputText value="#{proveedor.nombre}"/>
					</p:column>
					<p:column filterBy="#{proveedor.direccion}" filterMatchMode="contains" headerText="Dirección">
						<h:outputText value="#{proveedor.direccion}"/>
					</p:column>
					<p:column headerText="Teléfono">
						<h:outputText value="#{proveedor.telefono}"/>
					</p:column>
					<p:column headerText="Celular">
						<h:outputText value="#{proveedor.celular}"/>
					</p:column>
					<p:column headerText="Correo">
						<h:outputText value="#{proveedor.correo}"/>
					</p:column>
				</p:dataTable> 
			</h:form>
			
			<h:form>
	            <p:commandButton value="Nuevo" onclick="ventanaRegistro.show();"/>
	            <p:commandButton value="Modificar" onclick="ventanaModificar.show();"/>
	            <p:commandButton value="Eliminar" onclick="confirmacion.show();"/>
	            
	            <p:confirmDialog id="ventanaEliminar" message="Está seguro de eliminar este proveedor?"  
			                header="Confirme la operación" severity="alert" widgetVar="confirmacion"
	            			showEffect="pulsate" hideEffect="blind" modal="true" closable="false">  
			        <h:panelGrid columns="2"> 
				        <p:commandButton id="confirmar" value="Aceptar" oncomplete="confirmacion.hide();" />  
				        <p:commandButton id="rechazar" value="cancelar" onclick="confirmacion.hide();" type="button" />  
			        </h:panelGrid> 
			                  
			    </p:confirmDialog>
			    
	            <p:dialog widgetVar="ventanaModificar" header="Modificar Datos del Proveedor"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
	            	<h:panelGrid columns="3">
		            		<h:outputLabel value="RIF: *" for="rifMod"/>
		            		<h:inputText id="rifMod" value="#{proveedor.rif}" label="RIF:" required="true"/>
		            		<p:message for="rifMod"/>
		            		
		            		<h:outputLabel value="Nombre: *" for="nombreMod"/>
		            		<h:inputText id="nombreMod" value="#{proveedor.nombre}" label="Nombre:" required="true"/>
		            		<p:message for="nombreMod"/>
		            		
		            		<h:outputLabel value="Direccion: *" for="direccionMod"/>
		            		<h:inputTextarea id="direccionMod" value="#{proveedor.direccion}" label="Direccion:" required="true"/>
		            		<p:message for="direccionMod"/>
		            		
		            		<h:outputLabel value="Teléfono: *" for="telefonoMod"/>
		            		<p:inputMask  id="telefonoMod" value="#{proveedor.telefono}" mask="(999) 999-9999" required="true"/>
		            		<p:message for="telefonoMod"/>
		            		
		            		<h:outputLabel value="Celular:" for="celularMod"/>
		            		<p:inputMask  id="celularMod" value="#{proveedor.celular}" mask="(999) 999-9999"/>
		            		<p:message for="celularMod"/>
		            		
		            		<h:outputLabel value="Correo:" for="correoMod"/>
		            		<h:inputText id="correoMod" value="#{proveedor.correo}" label="Correo:"/>
		            		<p:message for="correoMod"/>
	            	</h:panelGrid>
		            		
            		<h:panelGrid columns="3">
	            		<p:commandButton value="Modificar" onclick="ventanaModificar.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Cancelar" onclick="ventanaModificar.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Limpiar" type="reset"/>
            		</h:panelGrid>
	            </p:dialog>
	            
	            <p:dialog widgetVar="ventanaRegistro" header="Registrar Nuevo Proveedor"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
		            	
		            	<h:panelGrid columns="3">
		            		<h:outputLabel value="RIF: *" for="rif"/>
		            		<h:inputText id="rif" value="#{proveedor.rif}" label="RIF:" required="true"/>
		            		<p:message for="rif"/>
		            		
		            		<h:outputLabel value="Nombre: *" for="nombre"/>
		            		<h:inputText id="nombre" value="#{proveedor.nombre}" label="Nombre:" required="true"/>
		            		<p:message for="nombre"/>
		            		
		            		<h:outputLabel value="Direccion: *" for="direccion"/>
		            		<h:inputTextarea id="direccion" value="#{proveedor.direccion}" label="Direccion:" required="true"/>
		            		<p:message for="direccion"/>
		            		
		            		<h:outputLabel value="Teléfono: *" for="telefono"/>
		            		<p:inputMask  id="telefono" value="#{proveedor.telefono}" mask="(999) 999-9999" required="true"/>
		            		<p:message for="telefono"/>
		            		
		            		<h:outputLabel value="Celular:" for="celular"/>
		            		<p:inputMask  id="celular" value="#{proveedor.celular}" mask="(999) 999-9999"/>
		            		<p:message for="celular"/>
		            		
		            		<h:outputLabel value="Correo:" for="correo"/>
		            		<h:inputText id="correo" value="#{proveedor.correo}" label="Correo:"/>
		            		<p:message for="correo"/>
		            	</h:panelGrid>
		            		
	            		<h:panelGrid columns="3">
		            		<p:commandButton value="Registrar" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
            				<p:commandButton value="Cancelar" onclick="ventanaRegistro.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
	            			<p:commandButton value="Limpiar" type="reset"/>
	            		</h:panelGrid>
	            </p:dialog>
			</h:form>
		</div>
		
	</ui:define>
</ui:composition>